<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge，chrome=1">
    <title>Jakin极客说-个人博客网站</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/blog.css">
    <script src="./js/vendor/jquery.min.js"></script>
    <script src="./js/vendor/jquery.easyfader.min.js"></script>
    <script src="./js/vendor/scrollReveal.js"></script>
    <script src="./js/vendor/hc-sticky.js"></script>
    <!-- <script src="./js/vendor/showdown.js"></script> -->
    <script src="https://cdn.bootcss.com/showdown/1.3.0/showdown.min.js"></script>
    <script src="./js/main.js"></script>
</head>

<body>
    <!--[if lte IE8]>
<p class="browserupgrade">您的浏览器版本太低，请到<a href="http://browserhappy.com">这里</a>更新。</p>
<![endif]-->
    <header id="header">
        <nav class="top clearfix">
            <div class="logo"><a href="#">Jakins极客说</a></div>
            <span class="navicon"></span>
            <ul>
                <li> <a href="#" class="current">网站首页</a></li>
                <li> <a href="#">学无止境</a></li>
                <li> <a href="#">博客日记</a></li>
                <li> <a href="#">资源分享</a></li>
                <li> <a href="#">关于我</a></li>
                <li> <a href="#" target="_blank">时间轴</a></li>
            </ul>
            <!-- <div class="search-form">
                <form class="search-box" style="display:none;">
                    <input type="text">
                </form>
                <span><img src="./image/searchbg.png"></span>
            </div> -->
        </nav>
    </header>
    <div class="container clearfix">
        <article>
            <div class="artilce">
                <h2 class="title">html5 个人博客模板《青春的回忆</h2>
                <div class="info">
                    <ul>
                        <li class="author">jakin</li>
                        <li class="label"><a href="#" target="_blank">网站建设</a></li>
                        <li class="time">2018-06-19</li>
                        <li class="view"><span>666</span>已阅读</li>
                    </ul>
                </div>
                <div class="content">
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam, voluptates eius necessitatibus molestias fugiat enim blanditiis vero possimus ab cupiditate dicta tempore unde, provident dolore aliquid eligendi! Eligendi facilis quis praesentium voluptatibus ut facere veniam aspernatur velit voluptates maiores, corporis eveniet? Suscipit at quo beatae nostrum unde repellat ad, maxime dolore optio molestias. Aspernatur laborum ullam doloremque dolore, porro voluptate ex possimus perspiciatis veritatis maiores perferendis esse aut distinctio nam tenetur fuga quibusdam. Consectetur sit modi, architecto aperiam, id tempore nam voluptatem cum, quod amet et aut? Eius quo suscipit totam unde aspernatur sint quas quisquam inventore, molestias odio nemo vel incidunt animi autem sapiente laudantium repudiandae provident soluta earum exercitationem? Pariatur illum cupiditate recusandae consequuntur ipsum aspernatur nemo sapiente expedita officia iure, molestiae doloribus at nisi doloremque eius, qui quaerat? Illum minima atque libero alias? Nihil tenetur ipsam quod et quo exercitationem voluptates. Sed repellendus ea quibusdam architecto inventore, ullam cumque iusto distinctio itaque, sit ducimus quis laborum, libero a atque? Adipisci quia sed sit qui. Quas, qui soluta officiis neque quos nobis nihil assumenda voluptatem dolorum magnam at, sed rem vitae. Quos repudiandae earum maiores ex, tenetur tempore hic necessitatibus, cupiditate maxime iste accusamus voluptate provident amet quae!
                    </p>
                    <!--<-&#45;&#45;设置展示的div添加id-!>-->
                    <div id="result"></div>
                    <p>如图，要实现上图效果，我采用如下方法：1、首先在数据库模型，增加字段，分别是图片2，图片3。2、增加标签模板，用if，else if 来判断，输出。思路已打开，样式调用就可以多样化啦！...
                    </p>
                    <p>如图，要实现上图效果，我采用如下方法：1、首先在数据库模型，增加字段，分别是图片2，图片3。2、增加标签模板，用if，else if 来判断，输出。思路已打开，样式调用就可以多样化啦！...
                    </p>
                    <p>如图，要实现上图效果，我采用如下方法：1、首先在数据库模型，增加字段，分别是图片2，图片3。2、增加标签模板，用if，else if 来判断，输出。思路已打开，样式调用就可以多样化啦！...
                    </p>
                    <p>如图，要实现上图效果，我采用如下方法：1、首先在数据库模型，增加字段，分别是图片2，图片3。2、增加标签模板，用if，else if 来判断，输出。思路已打开，样式调用就可以多样化啦！...
                    </p>
                    <!--<-&#45;&#45;设置展示的div添加id-!>-->
                    <div id="result"></div>
                    <p>如图，要实现上图效果，我采用如下方法：1、首先在数据库模型，增加字段，分别是图片2，图片3。2、增加标签模板，用if，else if 来判断，输出。思路已打开，样式调用就可以多样化啦！如图，要实现上图效果，我采用如下方法：1、首先在数据库模型，增加字段，分别是图片2，图片3。2、增加标签模板，用if，else if 来判断，输出。思路已打开，样式调用就可以多样化啦！...
                    </p>
                    <p>如图，要实现上图效果，我采用如下方法：1、首先在数据库模型，增加字段，分别是图片2，图片3。2、增加标签模板，用if，else if 来判断，输出。思路已打开，样式调用就可以多样化啦！如图，要实现上图效果，我采用如下方法：1、首先在数据库模型，增加字段，分别是图片2，图片3。2、增加标签模板，用if，else if 来判断，输出。思路已打开，样式调用就可以多样化啦！...
                    </p>
                    <!--<-&#45;&#45;设置展示的div添加id-!>-->
                    <div id="result"></div>
                    <p>如图，要实现上图效果，我采用如下方法：1、首先在数据库模型，增加字段，分别是图片2，图片3。2、增加标签模板，用if，else if 来判断，输出。思路已打开，样式调用就可以多样化啦！如图，要实现上图效果，我采用如下方法：1、首先在数据库模型，增加字段，分别是图片2，图片3。2、增加标签模板，用if，else if 来判断，输出。思路已打开，样式调用就可以多样化啦！如图，要实现上图效果，我采用如下方法：1、首先在数据库模型，增加字段，分别是图片2，图片3。2、增加标签模板，用if，else if 来判断，输出。思路已打开，样式调用就可以多样化啦！...
                    </p>
                    <p>如图，要实现上图效果，我采用如下方法：1、首先在数据库模型，增加字段，分别是图片2，图片3。2、增加标签模板，用if，else if 来判断，输出。思路已打开，样式调用就可以多样化啦！...
                    </p>
                    <p>如图，要实现上图效果，我采用如下方法：1、首先在数据库模型，增加字段，分别是图片2，图片3。2、增加标签模板，用if，else if 来判断，输出。思路已打开，样式调用就可以多样化啦！...
                    </p>
                    <p>如图，要实现上图效果，我采用如下方法：1、首先在数据库模型，增加字段，分别是图片2，图片3。2、增加标签模板，用if，else if 来判断，输出。思路已打开，样式调用就可以多样化啦！如图，要实现上图效果，我采用如下方法：1、首先在数据库模型，增加字段，分别是图片2，图片3。2、增加标签模板，用if，else if 来判断，输出。思路已打开，样式调用就可以多样化啦！如图，要实现上图效果，我采用如下方法：1、首先在数据库模型，增加字段，分别是图片2，图片3。2、增加标签模板，用if，else if 来判断，输出。思路已打开，样式调用就可以多样化啦！...如图，要实现上图效果，我采用如下方法：1、首先在数据库模型，增加字段，分别是图片2，图片3。2、增加标签模板，用if，else if 来判断，输出。思路已打开，样式调用就可以多样化啦！如图，要实现上图效果，我采用如下方法：1、首先在数据库模型，增加字段，分别是图片2，图片3。2、增加标签模板，用if，else if 来判断，输出。思路已打开，样式调用就可以多样化啦！如图，要实现上图效果，我采用如下方法：1、首先在数据库模型，增加字段，分别是图片2，图片3。2、增加标签模板，用if，else if 来判断，输出。思路已打开，样式调用就可以多样化啦！...
                    </p>
                </div>
                <div class="share">
                    <img src="https://www.yangqq.com/skin/jxhx/images/wxgzh.jpg">
                    <p>扫描关注青于蓝微信公众号，第一时间获取网站模板更新动态</p>
                    <p>本文地址：<a href="https://www.yangqq.com/jstt/web/885.html"
                            target="_blank">https://www.yangqq.com/jstt/web/885.html</a></p>
                </div>
                <div class="nextinfo">
                    <p>上一篇：<a href="#">图效果，我采用如下方法</a></p>
                    <p>下一篇：<a href="#">图效果，我采用如下方法</a></p>
                </div>
            </div>
            <div class="otherlink">

                <div class="news-title">
                    <h2>相关文章</h2>
                </div>
                <ul>
                    <li><a href="/case/personal/64.html" title="《今夕何夕》Html5响应式个人博客网站模板">《今夕何夕》Html5响应式个人博客网站模板</a>
                    </li>
                    <li><a href="/case/personal/63.html" title="宝宝个人网站模板">宝宝个人博客模板-亲子博客模板-宝宝个人网站模板</a></li>
                    <li><a href="/case/personal/62.html" title="html5个人博客模板《绅士》">html5个人博客模板《绅士》</a></li>
                    <li><a href="/case/personal/61.html" title="html5 个人博客模板《蓝色畅想》">html5 个人博客模板《蓝色畅想》</a></li>
                    <li><a href="/case/personal/60.html" title="个人博客模板《show time》">个人博客模板《show time》</a></li>
                </ul>
            </div>
        </article>
        <aside class="right-nav">
            <section class="topic">
                <li>
                    <a href="#">
                        <i><img src="./image/p3.jpg"><i>
                                <h2>【匆匆难年】总结个人入门IT经历...</h2>
                                <span>博客日记</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i><img src="./image/p4.jpg"></i>
                        <h2>【大学时光】如何度过你的大学时光...</h2>
                        <span>学无止境</span>
                    </a>
                </li>
            </section>
            <section class="recommend">
                <span id="tab">
                    <a href="#" class="current">点击排行</a>
                    <a href="#">站长推荐</a>
                </span>
                <div id="content">
                    <ul>
                        <li><a href="#">第二届 优秀个人博客模板比赛参选活动</a></li>
                        <li><a href="#">【活动作品】柠檬绿兔小白个人博客模板</a></li>
                        <li><a href="#">帝国cms 列表页调用子栏目，没有则不显示栏目名称</a></li>
                        <li><a href="#">2014年度优秀个人博客评选活动</a></li>
                        <li><a href="#">你是什么人便会遇上什么人</a></li>
                    </ul>
                    <ul style="display:none;">
                        <li><a href="#">个人博客，我为什么要用帝国cms？</a></li>
                        <li><a href="#">张建华 一个90后年轻站长！我们是对手亦是朋友！</a></li>
                        <li><a href="#">《奋斗电商》看知名微商如何做博客引流？</a></li>
                        <li><a href="#">《寻之旅》一个关于旅游，游记的个人博客</a></li>
                        <li><a href="#">【匆匆那些年】总结个人博客经历的这四年</a></li>
                    </ul>
                </div>
            </section>
            <section class="concern">
                <span>关注我 么么哒</span>
                <ul>
                    <img src="image/wx.jpg">
                </ul>
            </section>
            <section class="group">
                <span>文章分类</span>
                <ul>
                    <li><a href="/">学无止境（33）</a></li>
                    <li><a href="/">日记（19）</a></li>
                    <li><a href="/">慢生活（520）</a></li>
                </ul>
            </section>
        </aside>
    </div>
    <footer>
        <p>Design by <a href="#" target="_blank">极客说 </a>辽ICP备</p>
    </footer>
    <script type="text/javascript">
        var converter = new showdown.Converter(), text = '# hello, markdown!', html = converter.makeHtml(text);
        console.log(html)
        console.log(document.getElementById("result"))
        document.getElementById("result").innerHTML = html;
    </script>
</body>

</html>